
/* ******************  百度echarts配置 start  ********************** */


/* ******************  柱状图bar start  ********************** */
/*
 * 设置 柱状图（bar）的options 【多图例加line】
 */
export function editBarOptions2MoreLegendAndLine(myOptions){

	let options = {
    	title : {
    		text: myOptions.titleText,
			textStyle: {
				rich: {
				 	a: {
				 		color: myOptions.textColor,
						fontSize : 18,
						fontWeight: 'bold',
				 	},
				 	b: {
				 		color: '#7e8da8',
						fontSize : 12,
				 	},
				}
			},
    	},
    	textStyle:{
	        color: myOptions.textColor
	    },
    	/* 提示框组件 */
    	tooltip: {
	        trigger: 'axis',
	        axisPointer: {
	            type: 'cross'
	        }
	    },
	    /* 图例组件 */
	    legend: {
	    	data: myOptions.myLegendData,
			textStyle: {
	          color: myOptions.textColor,  //更改坐标轴文字颜色
	        },
	    },
	    /* 直角坐标系 grid 中的 x 轴 */
	    xAxis: [
	        {
	            type: 'category',
//	            axisTick: { 
//	            	alignWithLabel: true,
//	            },
	            axisLabel: {'interval':0,'rotate': 20}, // 设置成 0 强制显示所有标签
	            data: myOptions.xAxisData,
	            axisPointer: {
	                type: 'shadow'
	            },
//	            axisLine: {
//	                lineStyle: {
//	                    color: myOptions.textColor
//	                }
//	            },
	        }
	    ],
	    /* 直角坐标系 grid 中的 y 轴 */
	    yAxis: [
	        {
	            type: 'value',
	            name: myOptions.yAxisNames[0],
	            min: 0,
	            axisLine: {
	                lineStyle: {
	                    color: myOptions.colors[0]
	                }
	            },
	            axisLabel: {
	                formatter: '{value}' + myOptions.yAxisDanwei[0],
	            },
	        },
	        {
	            type: 'value',
	            name: myOptions.yAxisNames[1],
	            min: 0,
	            axisLine: {
	                lineStyle: {
	                    color: myOptions.colors[1]
	                }
	            },
	            axisLabel: {
	                formatter: '{value}' + myOptions.yAxisDanwei[1],
	            },
	        },
        ],
	    series: myOptions.mySeries
    }
	return options
}

/*
 * 设置 柱状图（bar）的options 【多图例】
 */
export function editBarOptions2MoreLegend(myOptions){

	let options = {
    	title : {
    		text: myOptions.titleText,
//			    		subtext: '按年统计'
    	},
    	textStyle:{
	        color: 'blue'
	    },
    	grid: {
            left: '1%',      //柱状图距离父容器div左端的距离
            bottom: '4%',    //柱状图距离父容器div底端的距离
            containLabel: true  //grid 区域是否包含坐标轴的刻度标签
        },
    	/* 提示框组件 */
    	tooltip: {
	        trigger: 'axis',
	        axisPointer: {
	            type: 'shadow'
	        }
	    },
	    /* 工具栏 */
		toolbox: {
			orient : 'horizontal', // 工具栏 icon 的布局朝向。
			right: 10,
			top: 10,
			/* 各工具配置项。 */
	        feature: {
	            dataView: {show: false, readOnly: true}, // 数据视图工具
	            // 动态类型切换,有 'line', 'bar', 'stack', 'tiled'
	            magicType: {
	            	show: true,
	            	type: myOptions.toolboxMagicType
	            },
	            restore: {show: true}, // 配置项还原。
	            saveAsImage: {show: true}, // 保存为图片
	        },
	    },
	    /* 图例组件 */
	    legend: {
			type: 'scroll',
	        orient: 'horizontal', // vertical  horizontal
			x: 'left',
			y: 'bottom',
	    	data: myOptions.myLegendData,
	    },
	    /* 直角坐标系 grid 中的 x 轴 */
	    xAxis: [
	        {
	            type: 'category',
	            axisTick: {show: false}, // 不显示坐标轴刻度
	            axisLabel: {'interval':0,'rotate': /*myOptions.rotateData*/20}, // 设置成 0 强制显示所有标签
	            name: myOptions.xAxisName,
	            data: myOptions.xAxisData,
	        }
	    ],
	    /* 直角坐标系 grid 中的 y 轴 */
	    yAxis: [
	        {
	            type: 'value',
	            name: myOptions.yAxisName,
	            min: 0,
	            axisLabel: {
	                formatter: '{value}' + myOptions.yAxisDanwei
	            }
	        }
        ],
	    series: myOptions.mySeries
    }
	return options
}

/*
 * 设置 柱状图（bar）的options 【横向展示,堆叠条形图】
 */
export function editBarOptions2StackBar(myOptions){

	let options = {
		title : {
	        text: myOptions.titleText,
	        textStyle: {
	        	color: '#ffffff'
	        },
	        subtext: myOptions.titleSubtext
	    },
	    textStyle:{
	        color: '#FFFFFF'
	    },
	    tooltip: {
	        trigger: 'axis',
	        axisPointer: {
	            type: 'shadow'
	        }
	    },
	    /* 图例组件 */
	    legend: myOptions.myLegendData,
	    grid: {
	        left: '3%',
	        right: '1%',
	        bottom: '3%',
	        containLabel: true,
	    },
	    xAxis: {
	        type: 'value',
	        boundaryGap: [0, 0.01],
        	axisLabel: {
          'interval':0, // 设置成 0 强制显示所有标签
    			rotate:30, // 30度角倾斜显示
        	},
			axisLine: { // 坐标轴样式
				lineStyle: {
					color: '#FFFFFF'
				}
			},
			splitLine: {
      			show: false, //去掉Y轴分割线
      			lineStyle:{type:'dashed'},
      		},

	    },
	    yAxis: myOptions.myYAxis,
	    series : myOptions.mySeries
	}
	return options
}

/* ******************  柱状图bar end  ********************** */



/* ******************  饼图pie start  ********************** */
/*
 * 设置饼图（pie）的options 【玫瑰饼图（Rose Pie）】
 */
export function editPieOptions2RosePie(myOptions){

	let options = {
		title : {
	        text: myOptions.titleText,
	        subtext: myOptions.titleSubtext,
	        textStyle: { //图例文字的样式
                color: '#FFFFFF',
            },
//	        x:'center'
	    },
	    tooltip : {
	        trigger: 'item',
	        formatter: "{a} <br/>{b} : {c} ({d}%)"
	    },
	    /* 图例组件 */
	    legend: myOptions.myLegend,
	    toolbox: {
	        show : myOptions.toolboxShow,
	        /* 各工具配置项。 */
	        feature : {
	            mark : {show: true},
	            dataView: {show: false, readOnly: true}, // 数据视图工具
	            // 动态类型切换,有 'line', 'bar', 'stack', 'tiled'
	            magicType : {
	                show: true,
	                type: ['pie', 'funnel']
	            },
	            restore: {show: true}, // 配置项还原。
	            saveAsImage: {show: true}, // 保存为图片
	        }
	    },
	    calculable : true,
	    series : myOptions.mySeries
	}
	return options
}

/* ******************  饼图pie end  ********************** */


/* ******************  百度echarts配置 end  ********************** */

